<template>
        <div>
           <div class="title">评论回复</div>
           <div v-if="reactList.length ===0">暂无评论</div>
           <span v-else>
                <Item v-for="(item, index) in reactList" :item="item" :index="index"/>
           </span>
        </div>
</template>
<script setup lang="ts">
import Item from './Item.vue'
// import {useCommentStore} from '@/stores/comments'
// console.log('useCommentStore', useCommentStore());

import {useCustomStroe} from '@/stores/commentStore'

// const {reactList} = useCustomStroe()
interface Item {
  name: string;
  context: string;
}

const {reactList} = defineProps({
        reactList:{
                type: Array as ()=> Item[],
                default: [],
                required:true
        }
})
// console.log('reactList1', reactList);
</script>
<style lang="">
        
</style>